<!DOCTYPE html>
<html lang="en" class="mobile portrait">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">

	<link rel="shortcut icon" href="../favicon.ico">
	<title>松下小家电兑奖平台</title>

	<link rel="stylesheet" href="../assets/js/swiper/css/swiper.min.css">
	<link rel="stylesheet" href="../assets/css/portal.css">
	<link rel="stylesheet" href="../assets/css/portal-animate.min.css">
	<link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css">
	
	<style type="text/css" media="screen">
	
		#card-prize {
			/*background-image: url(../assets/image/cards/card-prize-national.jpg);*/
			background-image: url(../assets/image/cards/card-prize-xmas.jpg);
			/*background-image: url(../assets/image/cards/card-prize-spring2017.jpg);*/
		}

		#card-selfie {
			background-image: url(../assets/image/cards/card-selfie.jpg);
		}

		#card-query {
			/*background-image: url(../assets/image/cards/card-query-national.jpg);*/
			background-image: url(../assets/image/cards/card-query-xmas.jpg);
			/*background-image: url(../assets/image/cards/card-query-spring2017.jpg);*/
		}
		
		.section-top-right {
			position: absolute;
			color: #ffffff;
			z-index: 3;
			top: 10px;
			right: 10px;
		}
		
		.section-top-right img {
			width: 35px;
		}
		
		.on {
			content: url(../assets/image/portal/on.png);
		}
		
		.off {
			content: url(../assets/image/portal/off.png);
		}
		
		.section-content { 
			width: 100%; 
			position: absolute; 
			top: 0; 
			left: 0;
		} 
		
		.section-bottom { 
			width: 100%; 
			position: absolute; 
			bottom: 0; 
			left: 0; 
		}

	</style>
	
</head>

<body>
	<div class="myloader" style="width: 100%; height: 100%; z-index: 99;">
		<div class="vertical-centered-box" style="z-index: 1299; top: -20%;">
			<div class="content">
				<div class="loader-circle"></div>
				<div class="loader-line-mask">
					<div class="loader-line"></div>
				</div>

				<svg width="36" viewBox="0 0 36 20" id="prism-logo">
					<path id="prism-logo-p2" d="M2.000,0.000 C2.000,0.000 21.000,20.000 21.000,20.000 C21.000,20.000 34.000,20.000 34.000,20.000 C34.000,20.000 14.000,0.000 14.000,0.000 C14.000,0.000 2.000,0.000 2.000,0.000 Z" fill="rgba(255,255,255,.7)" />
					<path id="prism-logo-p1" d="M11.957,2.070 C11.957,0.913 12.680,0.001 14.056,0.001 C14.135,0.001 2.840,0.001 2.099,0.001 C1.359,0.001 0.000,0.814 0.000,2.070 C0.000,3.327 0.000,20.001 0.000,20.001 C0.000,20.001 11.957,20.001 11.957,20.001 C11.957,20.001 11.957,11.414 11.957,2.070 Z" fill="#fff" />
					<path id="prism-logo-p3" d="M24.007,17.933 C24.007,19.090 23.286,20.001 21.913,20.001 C21.835,20.001 33.167,20.001 33.906,20.001 C34.645,20.001 36.000,19.189 36.000,17.933 C36.000,16.676 36.000,0.001 36.000,0.001 C36.000,0.001 24.007,0.001 24.007,0.001 C24.007,0.001 24.007,8.588 24.007,17.933 Z" fill="#fff" />
				</svg>

			</div>
		</div>

		<div class="txt-3">
			<!-- <p>松下电器</p> -->
			<p>百年传承，智美未来</p>
			<p>© Panasonic Corporation of China 2017</p>
		</div>

		<div class="loader">
			<div class="t-load">
				<div class="load-spinner" src="../assets/image/portal/load.png"></div>
			</div>
		</div>
	</div>
	<div class="section-top-right">
		<img id="music-icon" class="on">
		<audio src="../assets/music/bg-music.mp3" autoplay="0" loop='loop'></audio>
	</div>



	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<!-- 第一个 slide -->
					<img class="section-content" src="../assets/image/portal/avatar.jpg">
					<img class="section-bottom" src="../assets/image/portal/product-row.png">
					<span class="sprite_global"></span>
			</div>

			<div class="swiper-slide">
				<!-- 第二个 slide -->
				<div class="wrapper">
					<!-- 三张活动卡片 -->
					<div id="card-prize" class="card-common card-shadow swiper-lazy"></div>
					<!-- <div id="card-selfie" class="card-common card-shadow swiper-lazy"></div> -->
					<div id="card-query" class="card-common card-shadow swiper-lazy"></div>
				</div>
				
				
				<div class="weui_dialog_alert" id="iosDialog" style="display: none;">
					<div class="weui-mask"></div>
					<div class="weui-dialog" style="top:70%">
						<div class="weui-dialog__bd">很抱歉，本次活动已结束</div>
						<div class="weui-dialog__ft">
							<a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	



	<script src="../assets/js/lottery/jquery-1.10.2.min.js" type="text/javascript"></script>
	<script src="../assets/js/swiper/js/swiper.min.min.js" type="text/javascript"></script>
	<script src="../assets/js/swiper/js/swiper.jquery.min.min.js" type="text/javascript"></script>
	
	<!-- <script src="../assets/js/portal/Particleground.min.js" type="text/javascript" async defer></script> -->
	<script src="../assets/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8" async defer></script>
	<script>
	// jQuery(document).ready(function($) {
	// 	if (window.history && window.history.pushState) {
	// 		window.history.pushState('forward', null, 'portal.html');
	// 		$(window).on('popstate', function() {
	// 			console.log("马上关闭微信内置浏览器窗口");
	// 			wx.closeWindow();
	// 		});
	// 	}	
	// });


	$(document).ready(function(){
		$(".myloader").fadeOut(3000, "linear");
		$('audio').get(0).play();	
	});
	
	//	初始化滑屏插件
	var mySwiper = new Swiper('.swiper-container', {
		// Optional parameters
		direction: 'vertical',
		loop: false
	});

	// 设定卡片点击的跳转地址
	// var url_for_card_selfie = "/pana-may/self-activity";
	var url_for_card_prize = "/pana-campaigns/pages/campaigns/prize-cashing/2016-12-25/home.html";
	var url_for_card_query = "/pana-campaigns/pages/campaigns/query.html";

	function goto(element, newLocation) {
		$(element).click(function () {
			window.location = newLocation;
			return false;
		});
	}
	
	function setOffline(element) {
		$(".weui-dialog__btn").click(function () {
			$('#iosDialog').fadeOut(200);
		});

		$(element).click(function () {
			$('#iosDialog').fadeIn(200);
		});
	}
	
	setOffline("#card-prize");
	// goto("#card-prize", url_for_card_prize);
	// goto("#card-selfie", url_for_card_selfie);
	goto("#card-query", url_for_card_query);

	
	$("#music-icon").on('click', function() {
		if ($(this).hasClass('on')) {
			$('audio').get(0).pause();
			$(this).removeClass('on');
			$(this).addClass('off');
		} else {
			$('audio').get(0).play();
			$(this).removeClass('off');
			$(this).addClass('on');
		}
	});


	</script>

</body>

</html>
